<template>
	<div class="header">
		<div class="titleClass"><slot></slot></div>
		<div class="icon-content">
			<div title="还原" @click="zoomDialog">
				<SvgIcon name="iconfont icon-shuju1" color="red" :size="20" />
			</div>
			<div title="关闭" @click="closeDialog">
				<SvgIcon name="iconfont icon-shuju1" color="red" :size="20" />
			</div>
		</div>
	</div>
</template>

<script setup lang="ts" name="DialogHeaderTitle">
let emit = defineEmits(['close', 'zoom']);

let closeDialog = () => {
	console.log('close dialog');
	emit('close');
};

let zoomDialog = () => {
	console.log('zoom dialog');
	emit('zoom');
};
</script>

<style scoped lang="scss">
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 44px;
}

.icon-content {
	display: flex;
	width: 80px;
	justify-content: space-around;
	cursor: pointer;
	align-items: center;
}
</style>
